extends ./layout/default_layout
block container
  #mycustomers
    .menuwrapper
      .menu
        .btn.active 客户跟踪
        .btn 数据查询
    .pages
      .page.show
        .tabBox
          .tabBtn.tabPageActive 潜在客户
          .tabBtn 成交客户
        .tabpPages
          .tabPage.tabPageShow
            .deepItem
              .doneItem.deep
                img.avatar(onclick="window.location.href='/deepCustomerDetail/1'")
                .customer(onclick="window.location.href='/deepCustomerDetail/1'") 乔巴
                .customerlist
                  ul
                    li 后班级时代
                    li 刚刚
                  ul
                    li 奇葩说音频专辑专辑
                    li 9:30
                  ul
                    li 奇葩说音频专辑专辑
                    li 9:30
              .moreBox
                button.moreBtn ...
            .deepItem
              .doneItem.deep
                img.avatar
                .customer 乔巴
                .customerlist
                  ul
                    li 后班级时代
                    li 刚刚
                  ul
                    li 奇葩说音频专辑专辑
                    li 9:30
                  ul
                    li 奇葩说音频专辑专辑
                    li 9:30
                  ul
                    li 奇葩说音频专辑专辑
                    li 9:30
              .moreBox
                button.moreBtn 收起
          .tabPage
            .doneItem
              img.avatar
              .customer 乔巴
              .customerlist
                ul
                  li 后班级时代
                  li 刚刚
                ul
                  li 奇葩说音频专辑专辑
                  li 9:30
            .doneItem
              img.avatar
              .customer 乔巴
              .customerlist
                ul
                  li 后班级时代
                  li 刚刚
                ul
                  li 奇葩说音频专辑专辑
                  li 9:30
            .doneItem
              img.avatar
              .customer 乔巴
              .customerlist
                ul
                  li 后班级时代
                  li 刚刚
                ul
                  li 奇葩说音频专辑专辑
                  li 9:30

      .page


  block script
    script.
      $(function () {
        var btn = $('.btn'),
            page = $('.page');
        $.each(btn, function (index) {
          $(this).on('click', function () {
            btn.removeClass('active').eq(index).addClass('active');
            page.removeClass('show').eq(index).addClass('show');
          })
        })
        var tabBtn = $('.tabBtn'),
             tabPage = $('.tabPage');
        $.each(tabBtn, function (index) {
          $(this).on('click', function () {
            tabBtn.removeClass('tabPageActive').eq(index).addClass('tabPageActive');
            tabPage.removeClass('tabPageShow').eq(index).addClass('tabPageShow');
          })
        })
      })

